﻿@{
    Layout = null;
}


<div class="row">
    <div class="panel panel-default">
        <div class="panel-heading">
            <h3>Add College</h3>
        </div>
        <div class="panel-body">
            <form>
                <div class="col col-sm-6 form-group">
                    <input class="form-control" type="text" data-ng-model="newCollege.Name" placeholder="Name..." />
                    <input class="form-control" type="text" data-ng-model="newCollege.Location" placeholder="Location..." />
                    <input class="form-control" type="number" data-ng-model="newCollege.StudentCount" placeholder="Student Count..." />
                    <input class="form-control" type="number" data-ng-model="newCollege.FacultyCount" placeholder="Faculty Count..." />
                    <hr />
                <div class="form-group">
                    <a class="form-control btn btn-success btn-block" data-ng-click="saveCollege(newCollege)">Save College</a>
                    <a class="form-control btn btn-warning btn-block" data-ng-click="cancelCollege(newCollege)">Cancel</a>
                    <a data-ng-show="inEdit" class="form-control btn btn-warning btn-block" data-ng-click="deleteCollege(newCollege)">Delete</a>
                </div>
                </div>
                <div class="col col-sm-6 form-group">
                    <textarea class="from-control col-xs-12" rows="8" data-ng-model="newCollege.Description" placeholder="Description..."></textarea>
                </div>
            </form>
        </div>
    </div>
</div>
